<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=no" />
<title>{$Img.name}--菜品列表</title>
<link href="__CSS_USER_PATH__/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="__JS_PATH__/jquery-1.8.3-all.js"></script>
<script type="text/javascript" src="__JS_PATH__/alert/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="__JS_PATH__/alert/jquery.alerts.js"></script>
<link href="__JS_PATH__/alert/jquery.alerts.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">

$(function(){
    function PostMes (data,id){
        $.post(
                'index.php?g=User&m=Index&a=addOrJ',
                {
                    'amount':data,
                    'id':id
                }
        )
    }
    var num=$('#ly_list').children().length;
    for(i=1;i < num;i++){
        $(".delete"+i).click(function(){
            var that=this;
            jConfirm('确认要删除么？', 'wifi管家提示您', function(r) {
            if(r){
                var id=$(that).attr('imgee');
                $.post(
                        'index.php?g=User&m=Index&a=myMuenList',
                        {
                            'id':id
                        }
                )
                $(that).parents('.menudiancai').hide();
                var b=$('#menuNum').text();
                b=Number(b);
                var aqqq=$(that).parents('.ly_cz').siblings('.ly_fs').eq(0).find('.shuliang').text();
                aqqq=Number(aqqq);
                b=b-aqqq;
                $('#menuNum').text(b);
                var pricrrr=$(that).parents('.ly_cz').siblings('.ly_dj').eq(0).find('span').text();
                var allrr=$('#totalww').text();
                allrr=Number(allrr);
                pricrrr=Number(pricrrr);
                allrr=allrr-pricrrr;
                $('#totalww').text(allrr);

                var aqq=$('#amountt').text();
                aqq=Number(aqq);
                aqq-=1;
                $('#amountt').text(aqq);
            }
        })
        });
        $('.jian'+i).click(function(){
            var n= $(this).parents('.ly_fs').find('.shuliang');
            var shu=n.text()
            if(shu>1){
                shu=shu-1;
                var pricrr=$(this).parents('.ly_fs').siblings('.ly_dj').eq(0).find('span').text();
                var allr=$('#totalww').text();
                allr=Number(allr);
                pricrr=Number(pricrr);
                allr=allr-pricrr;
                $('#totalww').text(allr);
                var aq=$('#amountt').text();
                aq=Number(aq);
                aq-=1;
                $('#amountt').text(aq);
                var menu=$(this).attr('menu');
                var b=$('#menuNum', window.parent.document).text();
                b=Number(b);
                b-=1;
                $('#menuNum', window.parent.document).text(b);
            }else{
                shu=1;
            }
            n.text(shu);


            PostMes(shu,menu);

        });
        $('.jia'+i).click(function(){
            var Obj= $(this).parents('.ly_fs').find('.shuliang');
            var num=Obj.text();
            num= Number(num);
            num+=1;
            Obj.text(num);
            var pricr=$(this).parents('.ly_fs').siblings('.ly_dj').eq(0).find('span').text();
            var all=$('#totalww').text();
            all=Number(all);
            pricr=Number(pricr);
            all=pricr+all;
            $('#totalww').text(all);
            var menur=$(this).attr('menu');
            var am=$('#amountt').text();
            am=Number(am);
            am+=1;
            $('#amountt').text(am);
            var b=$('#menuNum', window.parent.document).text();
            b=Number(b);
            b+=1;
            $('#menuNum', window.parent.document).text(b);
            PostMes(num,menur);

        });
    }
    $('#checkButton').click(function(){

        var tabId=$('#tabId').val();
        $.post(
                'index.php?g=User&m=Index&a=check',
                {
                    'test':'test'
                },
                function(data){
                    if(data==1){
                        jConfirm('确认要下单么？', 'wifi管家提示您', function(r) {
                        if(r){
                            for(m=1;m < num;m++){
                                $(".delete"+m).hide();
                            }

                            $.post(
                                    'index.php?g=User&m=Index&a=check',
                                    {
                                        'id':tabId
                                    },
                                    function(da){
                                        if(da==1){
//                                                alert('下单成功');
                                            window.location.href="/index.php?g=User&m=Index&a=myMuenList";
                                        }else if(da==2){
                                            jAlert('已提交过订单，请勿重复下单', 'wifi管家提示您');
                                        }else if(da==3){
                                            jAlert('你还没有点菜，请先点菜', 'wifi管家提示您');
                                        }
                                        else{
                                            jAlert('下单失败，请联系服务员', 'wifi管家提示您');
                                        }
                                    }


                            )

                        }
                        })
                    }else{
                        jConfirm('和您同时点菜的'+data+'位客人都点完菜了吗？确认提交订单，取消等其他客人点完菜', 'wifi管家提示您', function(r) {
                        if(r){
                            $.post(
                                    'index.php?g=User&m=Index&a=check',
                                    {
                                        'id':tabId
                                    },
                                    function(d){
                                        if(d==1){
//                                                    alert('下单成功');
                                            window.location.href="/index.php?g=User&m=Index&a=myMuenList";
                                        }else if(d==2){
                                            jAlert('已提交过订单，请勿重复下单', 'wifi管家提示您');
                                        }else if(d==3){
                                            jAlert('你还没有点菜，请先点菜', 'wifi管家提示您');
                                        }
                                        else{
                                            jAlert('下单失败，请联系服务员', 'wifi管家提示您');
                                        }
                                    }
                            )
                        }
                    });
                    }
                }
        )


    });
    $('#checkOut').click(function(){
        $.post(
                'index.php?g=User&m=Index&a=checkOut',
                {
                    'test':'test'
                },
                function(data){
                    if(data==1){
                        jConfirm('确认要结账么？', 'wifi管家提示您', function(r) {
                            if(r){
                                $.post(
                                        'index.php?g=User&m=Index&a=checkOut',
                                        {},
                                        function(d){
                                            if(d==1){
                                                jAlert('请等待管理员，前来结账', 'wifi管家提示您');
                                            }else{
                                                jAlert('结账失败，请联系服务人员', 'wifi管家提示您');
                                            }
                                        }
                                )
                            }
                        });

                    }else if(data==3){
                        jAlert('您还没有下订单，请先下订单', 'wifi管家提示您');
                    }else if(data==4){
                        jAlert('您还没有点菜，请点菜', 'wifi管家提示您');
                    }else if(data==6){
                        jAlert('您已经点击了结账', 'wifi管家提示您');
                    } else if(data==7){
                        jAlert('请等待管理员处理菜单', 'wifi管家提示您');
                    }

                }
        )

    });
    $('#checkOut2').click(function(){
        $.post(
                'index.php?g=User&m=Index&a=checkOut',
                {
                    'test':'test'
                },
                function(data){
                    if(data==1){
                        jConfirm('确认要结账么？', 'wifi管家提示您', function(r) {
                            if(r){
                                $.post(
                                        'index.php?g=User&m=Index&a=checkOut',
                                        {},
                                        function(d){
                                            if(d==1){
                                                jAlert('请等待管理员，前来结账', 'wifi管家提示您');
                                            }else{
                                                jAlert('结账失败，请联系服务人员', 'wifi管家提示您');
                                            }
                                        }
                                )
                            }
                        });

                    }else if(data==3){
                        jAlert('您还没有下订单，请先下订单', 'wifi管家提示您');
                    }else if(data==4){
                        jAlert('您还没有点菜，请点菜', 'wifi管家提示您');
                    }else if(data==6){
                        jAlert('您已经点击了结账', 'wifi管家提示您');
                    } else if(data==7){
                        jAlert('请等待管理员处理菜单', 'wifi管家提示您');
                    }

                }
        )

    });
})
</script>
<style type="text/css">
    <!--
    * {
        margin:0;
        padding:0;
    }
    body {line-height: 1;}
    ol, ul {list-style: none;}
    img { border:none;}
    a{ text-decoration:none; -webkit-tap-highlight-color:rgba(255,0,0,0);}
    #ly_top {
        width:100%;
        margin:20px auto 0;
        text-align:center;
    }
    #ly_top img {
        width:30%;
    }
    #ly_list {
        width:90%;
        border:1px solid #ccc;
        margin:10px auto;
        padding:20px 0;
    }
    #ly_list ul {
        width:95%;
        overflow:hidden;
        margin:0 auto;
        border-bottom:1px dotted #ccc;
    }
    #ly_list ul li {
        float:left;
        text-align:center;
        padding:10px 0;
        line-height:35px;
    }
    #ly_list ul li a img {
        vertical-align:middle;
    }
    .ly_xh {
        width:8%;
    }
    .ly_cm {
        width:26%;
    }
    .ly_dj {
        width:12%;
        color:#FF7200;
    }
    .ly_zl {
        width:8%;
    }
    .ly_fs {
        width:13%;
    }
    .ly_fs a img {
        width:20%;
        margin:0 5px;
    }
    .ly_bz {
        width:15%;
    }
    .ly_cz {
        width:10%;
    }
    .ly_cz a img {
        width:100%;
    }
    .ly_czzzz{
        width:10%;
    }
    .ly_czzzz a img {
        width:100%;
    }
    #ly_list .list_top {
        border-bottom:1px solid #ccc;
    }
    .list_top li {
        font-size:130%;
        font-weight:bold;
        line-height:35px;
    }
    #ly_bottom {
        width:90%;
        border-bottom:1px solid #ccc;
        line-height:35px;
        color:#FFA400;
        margin:0 auto 20px;
        font-size:120%;
        font-family:"微软雅黑";
        font-weight:bold;
    }

    #ljxd {
        width:20%;
        margin:0 auto 20px;
    }
    #ljxd a {
        display:block;
        width:100%;
        height:35px;
        line-height:35px;
        background-color:#FF7E00;
        text-align:center;
        color:#fff;
        font-size:120%;
    }

    -->
</style>

</head>

<body>
<div id="pad_left">
    <div class="left_bg"><img src="__IMG_USER_PATH__/left_bg.png" /></div>
    <div class="ly_logo"><img src="{$Img.logo}" /></div>
    <div class="left_nav">
        <ul>
            <li><a target='_self' href="{:U(GROUP_NAME.'/Index/myMuenList')}" ><img src="__IMG_USER_PATH__/tb1.png" />我的菜单（<if condition="!isset($num)"><span id="menuNum">0</span></if><span id="menuNum">{$num}</span>份）</a></li>
            <li><a target='_self' href="{:U(GROUP_NAME.'/Index/newGreens')}" ><img src="__IMG_USER_PATH__/tb2.png" />新加菜品（10份）</a></li>
            <li><a  id="checkOut" ><img  src="__IMG_USER_PATH__/tb3.png" />结账</a></li>
        </ul>
    </div>
</div>
<div id="pad_right">
    <div id=con>

        <ul id=tags>
            <volist name='list' id='m'>
                <if condition='$i eq 1'>
                    <li class=selectTag><a onClick="selectTag('tagContent{$i-1}',this)" target='_self' href="{:U(GROUP_NAME.'/Index/menuList',array('menuid'=>$m['id']))}">{$m.name}</a></li>
                    <else />
                    <li><a onClick="selectTag('tagContent{$i-1}',this)" target='_self' href="{:U(GROUP_NAME.'/Index/menuList',array('menuid'=>$m['id']))}">{$m.name}</a></li>
                </if>
            </volist>
        </ul>
        <div id=tagContent>
            <div class="tagContent selectTag" >
                <div id="ly_top"><img src="__IMG_USER_PATH__/tpic.png" /></div>
                <div id="ly_list">
                    <ul class="list_top">
                        <li class="ly_xh">序号</li>
                        <li class="ly_cm">菜名</li>
                        <li class="ly_dj">单价</li>
                        <li class="ly_zl">种类</li>
                        <li class="ly_zl">追加</li>
                        <li class="ly_fs">份数</li>
                        <li class="ly_bz">备注</li>
                        <li id='caozuo' class="ly_cz">操作</li>
                    </ul>
                    <volist name="myList" id="v">
                        <ul class="menudiancai">
                            <input type="hidden" class="tempId{$i}" value="{$v.id}" />
                            <li class="ly_xh">{$i}、</li>
                            <li class="ly_cm">{$v.name}</li>
                            <li class="ly_dj">￥<span>{$v.price}</span></li>
                            <li class="ly_zl">{$v.dname}</li>
                            <li class="ly_zl">{$v.addto}</li>
                            <li class="ly_fs"><a onclick="return false;" class="shul"><img <if condition="isset($v['addVa'])"> style='display:none'</if> class="jian{$i}" menu="{$v.id}" src="__IMG_USER_PATH__/jian.png" /></a>&nbsp;<span  class="shuliang">{$v.amount}</span>&nbsp;<a onclick="return false;" class="shulj"><img <if condition="isset($v['addVa'])"> style='display:none'</if> class='jia{$i}' menu="{$v.id}" src="__IMG_USER_PATH__/jia.png" /></a></li>
                            <li class="ly_bz">{$v.uname}点的餐</li>
                            <li class="ly_cz"><a onclick="return false;" class="delAl"><img class="delete{$i}" <if condition="isset($v['addVa'])"> style='display:none'</if> src="__IMG_USER_PATH__/del.png" imgee="{$v.id}"/><if condition="isset($v['addVa'])"><span style="color: green">已下单</span></if></a></li>
                        </ul>
                    </volist>
                </div>
                <div id="ly_bottom">
                    <div style="float:left;">总计：</div><div style="float:right;">数量：<span id="amountt">{$amout}</span>&nbsp;&nbsp;&nbsp;&nbsp;总价：￥<span id="totalww">{$total}</span></div>
                    <div style="clear:both;"></div>
                </div>
                <div id="ljxd"><if condition="$addVa eq 1" ><a id="checkOut2"  onclick="return false;">结账</a><else /><a id="checkButton"  onclick="return false;">立即下单</a></if></div>
            </div>

        </div>

    </DIV>
</div>

<SCRIPT type=text/javascript>
    function selectTag(showContent,selfObj){
        // 操作标签
        var tag = document.getElementById("tags").getElementsByTagName("li");
        var taglength = tag.length;
        for(i=0; i<taglength; i++){
            tag[i].className = "";
        }
        selfObj.parentNode.className = "selectTag";
        // 操作内容
    }

</SCRIPT>
</div>
<div id="ly_foot">
    <ul>
        <li><a href="{:U(GROUP_NAME.'/Index/menu')}" target="_self"><img src="__IMG_USER_PATH__/tb4.png" />菜单</a></li>
        <li><a href="{:U(GROUP_NAME.'/Index/hotMenu')}" target='_self'><img src="__IMG_USER_PATH__/tb5.png" />热门</a></li>
        <li><a href="{:U(GROUP_NAME.'/Index/tuijian')}" target='_self'><img src="__IMG_USER_PATH__/tb6.png" />推荐</a></li>
        <li><a href="{:U(GROUP_NAME.'/Index/myMuenList')}" target='_self' ><img src="__IMG_USER_PATH__/tb7.png" />已点</a></li>
        <li><a href="javascript:history.go(-1);"><img id='black' src="__IMG_USER_PATH__/tb8.png" />返回</a></li>
    </ul>
</div>
</body>
</html>
